<template>
    <div>
        <div class="top">
            <div class="left">星辰教务系统</div>
            <div class="right">
                <i class="el-icon-user"></i>
                <i class="fontFamily hhyx-tongzhi"></i>
            </div>
            
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {

        };
    },
    created() {

    },
    mounted() {

    },
    methods: {

    }
};
</script>

<style scoped>
.top{
    width: 100%;
    height: 40px;
    background-color: white;
    margin-bottom: 20px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    
}
.top .left{
    padding-left: 20px;
}
.top .right{
    padding-right: 20px;
}

</style>



